<!DOCTYPE html>
<html>
<head>
	<title>LOGIN/SIGNUP</title>
	<link rel="stylesheet" type="text/css" href="css/register.css">
        
        <script src="js/jquery-1.10.2.min.js"></script>
        <script src="js/drivers/driver.lib.js"></script>
        <script src="js/drivers/login.driver.js"></script>

    <!--webfonts-->
	<script type="text/javascript" src="//use.typekit.net/lxt0gyd.js"></script>
	<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
</head>
<body>
	<div id="navbar">
		<!--dynamic: hides/unhides-->
		<p id="login_reg_links">
			<a href="login.html" id="login_link">LOGIN</a>&nbsp;&nbsp;<a href="register.html">REGISTER</a>
		</p>
		
		<p id="control_panel">
			<a href="">Settings</a>&nbsp;&nbsp;<a href="" id="logout">Logout</a>
		</p>
		
		<!--main site navigation-->
		<ul id="nav">
			<li><a href="index.html">HOME</a></li>
			<li><a href="">ABOUT</a></li>
			<li><a href="">CALENDAR</a></li>
			<li><a href="">CONTACT</a></li>
		</ul>
	</div>
	
	<div id="main">
		<img id="logo" src="img/loginlogo.png" width="95px" height="109px">
		<p id="loginheader">TROOP 410 LOGIN</p>
		<div id="login-container">
			<form id="registration">
				<input id="username" class="inputstyle" type="text" placeholder="USERNAME"><br>
				<input id="password" class="inputstyle" type="password" placeholder="PASSWORD"><br>
				<input class="button" type="submit" value="SUBMIT"><br><br>
				<p class="form-sublinks"><a href="">Forgot username/password</a></p>
				<br>
				<p class="form-sublinks">Don't have an account yet? <a href="register.html">Register</a></p>

			</form>
		</div>
	</div>

	<div id="footer">
		<ul id="footer-quicklinks">
			<li><a href="https://www.facebook.com/groups/112807158731542/"><img src="img/fbicon.png"></a></li>
			<li><a href="mailto:someone@example.com"><img src="img/mailicon.png"></a>
		</ul>

		<p id="siteinfo">BOY SCOUTS OF AMERICA TROOP 410 CONYERS, GA ALL RIGHTS RESERVED</p>
	</div>		
</body>
</html>